<template>
  <div class="prequalificationDetails1">
    <div class="card-div1" ref="cont">
      <Card class="card-style" id="card1">
        <Row>
          <p class="title">
            中国电信股份有限公司喀什分公司校园行业室内、室外插大卡机采购项目
          </p>
          <p class="title">（招标编号：GLZB2018-48）</p>
        </Row>
        <Row>
          <p>项目所在地区：河南，洛阳</p>
        </Row>
        <Row>
          <p class="infoTitle">一、招标条件</p>
          <div class="infoText">
            本项目为中国移动新疆分公司克拉玛依市分公司2018年乌尔禾综合布线服务项目，项目编号：XJYD20180005650，采购人为中国移动通信集团新疆有限公司克拉玛依市分公司，采购代理机构为河南省信息咨询设计研究有限公司。项目资金由采购人自筹，并已落实。项目已具备采购条件，本项目于2018年08月06日发布第一次公开询价公告，在应答报名截止时间前，有效应答报名人数不足三家，现进行第二次公开询价，具有服务能力的供应商均可前来报名。
          </div>
        </Row>
        <Row>
          <p class="infoTitle">二、项目概况和招标范围</p>
          <div class="infoText">
            本项目为中国移动新疆分公司克拉玛依市分公司2018年乌尔禾综合布线服务项目，项目编号：XJYD20180005650，采购人为中国移动通信集团新疆有限公司克拉玛依市分公司，采购代理机构为河南省信息咨询设计研究有限公司。项目资金由采购人自筹，并已落实。项目已具备采购条件，本项目于2018年08月06日发布第一次公开询价公告，在应答报名截止时间前，有效应答报名人数不足三家，现进行第二次公开询价，具有服务能力的供应商均可前来报名。
          </div>
        </Row>
        <Row>
          <p class="infoTitle">三、投标人资格要求</p>
          <div class="infoText">
            本项目为中国移动新疆分公司克拉玛依市分公司2018年乌尔禾综合布线服务项目，项目编号：XJYD20180005650，采购人为中国移动通信集团新疆有限公司克拉玛依市分公司，采购代理机构为河南省信息咨询设计研究有限公司。项目资金由采购人自筹，并已落实。项目已具备采购条件，本项目于2018年08月06日发布第一次公开询价公告，在应答报名截止时间前，有效应答报名人数不足三家，现进行第二次公开询价，具有服务能力的供应商均可前来报名。
          </div>
        </Row>
        <Row>
          <p class="infoTitle">四、招标文件的获取</p>
          <div class="infoText">
            <p>获取时间:</p>
            <p>获取方式:</p>
          </div>
        </Row>
        <Row>
          <p class="infoTitle">五、投标文件的递交</p>
          <div class="infoText">
            <p>递交截止时间:</p>
            <p>递交方式：</p>
          </div>
        </Row>
        <Row>
          <p class="infoTitle">六、开标时间及地点</p>
          <div class="infoText">
            <p>开标时间:</p>
            <p>开标地点:</p>
          </div>
        </Row>
        <Row>
          <p class="infoTitle">七、其他</p>
          <div class="infoText">
            本项目为中国移动新疆分公司克拉玛依市分公司2018年乌尔禾综合布线服务项目，项目编号：XJYD20180005650，采购人为中国移动通信集团新疆有限公司克拉玛依市分公司，采购代理机构为河南省信息咨询设计研究有限公司。项目资金由采购人自筹，并已落实。项目已具备采购条件，本项目于2018年08月06日发布第一次公开询价公告，在应答报名截止时间前，有效应答报名人数不足三家，现进行第二次公开询价，具有服务能力的供应商均可前来报名。
          </div>
        </Row>
        <Row>
          <p class="infoTitle">八、监督部门</p>
          <div class="infoText">本招标项目的监督部门为*****</div>
        </Row>
        <Row>
          <p class="infoTitle">九、联系方式</p>
          <Form :label-width="140">
            <FormItem label="招标人:">
              <span>中国邮政集团公司辽源市分公司</span>
            </FormItem>
            <FormItem label="地址:">
              <span>辽源市隆基华典55号楼门市</span>
            </FormItem>
            <FormItem label="联系人:">
              <span>李林禹</span>
            </FormItem>
            <FormItem label="联系人手机号:">
              <span>0437-3112056</span>
            </FormItem>
            <FormItem label="电子邮件:">
              <span>276599@qq.com</span>
            </FormItem>
          </Form>
          <Form :label-width="140" style="margin-top: 20px">
            <FormItem label="招标代理机构:">
              <span>中国邮政集团公司辽源市分公司</span>
            </FormItem>
            <FormItem label="地址:">
              <span>辽源市隆基华典55号楼门市</span>
            </FormItem>
            <FormItem label="联系人:">
              <span>李林禹</span>
            </FormItem>
            <FormItem label="联系人手机号:">
              <span>0437-3112056</span>
            </FormItem>
            <FormItem label="电子邮件:">
              <span>276599@qq.com</span>
            </FormItem>
          </Form>
        </Row>
        <Row style="margin-top: 100px;margin-bottom:50px;">
          <Row>
            <Col :span="18">
              <p style="text-align: right">
                招标人或招标代理机构主要负责人（项目负责人）：
              </p>
            </Col>
            <Col :span="6"> </Col>
          </Row>
          <Row style="margin-top: 10px">
            <Col :span="18">
              <p style="text-align: right">招标人或其招标代理机构：</p>
            </Col>
            <Col :span="4"> </Col>
          </Row>
        </Row>
      </Card>
      <Card class="card-style" id="card2">
        <p class="cardTitle">附件</p>
        <Row>
          <Row class="fileRow">
            <Col :span="9"> 附件：W788954788905468.doc </Col>
            <Col :span="6"> 100kb </Col>
            <Col :span="9"> 上传时间：2019-06-12 </Col>
          </Row>
          <Row class="fileRow">
            <Col :span="9"> 附件：W788954788905468.doc </Col>
            <Col :span="6"> 100kb </Col>
            <Col :span="9"> 上传时间：2019-06-12 </Col>
          </Row>
        </Row>
      </Card>
      <Card class="card-style" id="card3">
        <p class="cardTitle">招标文件</p>
        <Row>
          <Row class="fileName" style="text-align: center;">
            <Col :span="9"> 文件 </Col>
            <Col :span="9" offset="6"> 上传时间 </Col>
          </Row>
          <Row class="fileRow">
            <Col :span="9"> 附件：W788954788905468.doc </Col>
            <Col :span="6"> 100kb </Col>
            <Col :span="9"> 上传时间：2019-06-12 </Col>
          </Row>
          <Row class="fileRow">
            <Col :span="9"> 附件：W788954788905468.doc </Col>
            <Col :span="6"> 100kb </Col>
            <Col :span="9"> 上传时间：2019-06-12 </Col>
          </Row>
        </Row>
      </Card>
    </div>
    <div class="card-div2">
      <Anchor show-ink container=".card-div1">
        <AnchorLink href="#card1" title="预审公告" />
        <AnchorLink href="#card2" title="附件" />
        <AnchorLink href="#card3" title="公告文件" />
      </Anchor>
      <div style="margin-top: 10px">
        <img
          @click="goTop"
          style="height: 35px; margin-left: 10px; cursor: pointer"
          src="../../../../assets/infoPublish/arrow.png"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'prequalificationDetail1',
  data() {
    return {
    };
  },
  methods: {
    goTop() {
      this.$refs.cont.scrollTop = 0;
    },
  },
};
</script>

<style lang="less">
  .prequalificationDetails1{
    position: relative;
  .infoTitle {
    margin: 15px 0 5px;
  }
  .infoText {
    padding-left: 25px;
  }
  .title {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .card-div1 {
    height: calc(100vh - 132px);
    overflow-y: scroll;
    width: 83%;
  }
  .card-div2 {
    position: absolute;
    right: 10px;
    top: 30%;
    width: 12%;
  }
  .ivu-form-item {
    margin-bottom: 0px;
  }
  .fileRow {
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: rgba(242, 242, 242, 1);
    margin-top: 10px;
  }
  .cardTitle{
    font-size: 20px;
    position: relative;
    padding-left: 10px;
    &::before{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 3px;
      top: 3px;
      width: 3px;
      height: auto;
      background-color: #1d9ed5;
    }
  }
  }
</style>
